/**
 * Reglas iniciales
 *
 * @author Hector <henry@aquainteractive.com.mx>
 * @copyright Copyright (c) 2012, {@link http://www.aquainteractive.com Aqua
 * Interactive}
 * @package
 * @since Revisión $id$ $date$
 * @subpackage css
 * @version $Id$
 */
h1 , h2 , h3 {
    margin-top: 0;
    margin-bottom: 0;
}

h1 {
    font-size: 2.11538em;
    padding: 1.44323em 0;
}

h2 {
    color: #808080;
    font-size: 1.61538em !important;
    padding: 1.30958em 0;
}

h3 {
    font-size: 1.30769em;
    padding: 1.2868em 0;
}

button {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    cursor: pointer;
}

b , strong {
    font-weight: bolder;
}

i , em {
    font-style: italic;
}

p {
    font-size: 1em;
    line-height: 1.5em;
    padding-bottom: 1.5em;
}

a {
    &:link , &:visited {
        color: #333;
    }

    &:hover {
        color: @colorProduct;
    }
}

blockquote {
    background-color: #f5f5f5;
    margin: 0 2.25em;
}

fieldset , input , label , textarea , select , h2, p{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    &:focus {
        outline: 1px solid @colorProduct;
    }
}

input , textarea {
    .insideTopShadow;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #B3B3B3;
    border-top: 1px solid #B3B3B3;
    font-size: .8em;
    padding: 0.5em;
}

input[type="button"] , input[type="submit"] {
    cursor: pointer;
}

input::-webkit-input-placeholder , textarea::-webkit-input-placeholder {
    font-style: italic;
}

input:-moz-placeholder , textarea:-moz-placeholder {
    font-style: italic;
}

hr {
    border-width: .125em;
    border-style: groove;
    border-color: #FFF;
    border-top: none;
    border-right: none;
    border-left: none;
    clear: both;
    float: left;
    height: .125em;
    margin: 1em 0;
    padding: 0;
    width: 100%;
}

html {
    background-color: #F2F2F2;
    background-image: url('../img/fondo.png');
    background-repeat: repeat;
    color: #333;
    display: block;
    font-size: 100%;
    height: 100%;
    line-height: 1.25;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

body {
    display: block;
    height: auto;

}

select {
    background: #333;
    .gradientDarkGray;
    border: .125em solid #383839;
    color: #FFF;
}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

